<!DOCTYPE html>
<html>

	<head>
		
		<!-- 声明文档使用的字符编码 -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<!-- 为移动设备添加 viewport -->
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!-- 优先使用 IE 最新版本和 Chrome -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>黑图视界</title>
		<meta name="keywords" content="黑图视界">
		<meta name="description" content="黑图视界">
		<script type="text/javascript" src="../js/setFontSize.js"></script>
		<link rel="stylesheet" href="../css/swiper.min.css" />
		<link rel="stylesheet" href="../css/main.css" />
		<link rel="shortcut icon" href="../img/personIcon2.jpg">
	</head>

	<body>
	<div id="app">
		<main class="pab100">
			<section class="yuding picBgPink">
				<div class="container" >
					<div class="picBox">
						<img src="../img/banner2.jpg" class="radius20"/>
					</div>
					<div class="title">惊喜预订<i>|</i><span>Surprise booking</span></div>
					<ul class="list pad30 whiteBg radius20">
						<li class="listItem" v-for="activity in activity">
							<h6 class="name">{{activity.activityname}}</h6>
							<div class="pro textOverflow2">
								{{activity.introduce}}
							</div>
							<a @click="ToDetail(activity.id)" class="ydBtn">预定</a>
						</li>
					</ul>

				</div>
			</section>
		</main>
	</div>

		<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="../js/swiper.min.js"></script>
		<script type="text/javascript" src="../js/layer/layer.js" ></script>
		<script type="text/javascript" src="../js/Mdate.js"></script>
		<script type="text/javascript" src="../js/iScroll.js"></script>
		<script type="text/javascript" src="../js/main.js"></script>
		<script src="../js/vue.js"></script>
		<script src="../js/axios.js"></script>
		<script src="../js/getParameter.js"></script>
		<script>
			let app1=new Vue({
				el:"#app",
				data:{
					activity:{},
					user:{}
				},
				methods:{
					ToDetail(id){
						const _this=this;
						if (_this.user!==""){
							location.href="yudingDe.html?id="+id;
						}else if(_this.user===""){
							location.href="login.html";
						}
					}
				},
				created(){
					const _this=this;
					console.log(_this.activity)
					axios.get("/activity/queryAll")
					.then(function (response) {
						_this.activity=response.data;
					});
					axios.get("/user/findLogin")
					.then(function (response) {
						_this.user=response.data;
					})
				}
			})
		</script>


	</body>

</html>